<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <title>Car Viewer Project</title>
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="CarViewer.css">

        <script type="text/javascript" language="javascript" src="carviewer/carviewer.nocache.js"></script>

    <!-- Script arguments: -->
        <script>
        /* Relative to script directory */
        carviewer_config = "../viewer_config.xml";
        carviewer_image  = "http://localhost/traffic.jpg";

        // Called by CarPicker after it's done loading.
        function afterCarViewerLoad() {
                /*{
                        car = new Car()
                        car.setPosition(50, 100);
                        car.setRotation(1, 2, 0.25);
                        car.setScale(0.5); // Scale is for car.
                        car.setType(1);

                        CarViewer.addCar(car)
                }
                {
                        car = new Car()
                        car.setPosition(25, 150);
                        car.setRotation(1, -2, -0.25);
                        car.setScale(2); // Scale is for car.
                        car.setType(3);

                        CarViewer.addCar(car)
                }*/
                {
                        window.car = new Car()
                        car.setPosition(100, 150);
                        car.setRotation(Math.PI/8, Math.PI/4, 0);
                        car.setScale(1); // Scale is for car.
                        car.setColor(255, 0, 0);
                        car.setType(1);

                        CarViewer.addCar(car, "miniview");
                }

        }
        </script>
  </head>
  <body>

    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1 id="project-name">Car Viewer</h1>

    <div id="carviewer-container"></div>
    <div id="miniview"></div>
  </body>
</html>
